<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //  自增运算 +=
        var a = 1;

        a = a + 5;
        // 可以简写为
        a += 5;
        //自减运算  -=
        a = a - 5;
        //可以简写为
        a -= 5;

        a += 1;
        //还可以简写为 a++ 或者 ++a
        a -= 1;
        //还可以简写为 a-- 或者 --a
        //  a++ 或者 ++a 
        //  区别是
        /**/
        var counter = 1;
        var a = ++counter;
        // 前置形式 `++counter`，对 `counter` 做自增运算，返回的是新的值 `2`。因此 `alert` 显示的是 `2`。
        alert(a); // 2
        //后置形式 `counter++`，它同样对 `counter` 做加法，但是返回的是 **旧值**（做加法之前的值）。因此 `alert` 显示的是 `1`。   
        // 如果只想对变量进行自增/自减操作,那么两者形式没有区别：
        // parseInt 和parseFloat 两个方法 可以分别将字符串 转为 整数,小数
        //parseInt将字符串 转为 整数
        console.log(parseInt("12.21px"));
        // console.log(parseInt("aa12px"));//不行 必须以数字开头
        console.log(parseFloat("12.21px"));

        // 两个参数时 表示进制转换(了解)
        // 10 ,16 代表 用何种进制 来看待这个字符串
        console.log(parseInt("12")); // 12
        console.log(parseInt("12", 10)); // 12
        // 以16进制开袋字符串'12',转成10进制的数字  1*16 +2=18
        console.log(parseInt("12", 16)); // 18
    </script>
</body>

</html>